/*头部*/
body{
	background: #fff;
}
.header-wrap{
  font-size: .3rem;
  height: .9rem;
  background-color: #ffd600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-left{
	width: 10%;
}
.header-left img{
	width: 100%;
}
.header-center{
  width: 80%;
  text-align: center;
}
.header-right{
  width: 10%;
}
.header-right img{
	height: .4rem;
}
.header-right p{
	font-size: .25rem;
}
.header-center p:after{
  content: '▼';
  font-size: .3rem;
}



#qucik_main{
	position: relative;
}
#qucik_main>div{
	position: absolute;
}

/*左侧导航*/
#quick_pro_nav{
	left: 0;
	top: 0;
	width: 24%;
	height: 9.5rem;
	overflow-y: auto;
	background: #f8f8f8;
}

#quick_pro_nav .quick_nav_li{
	font-size: .25rem;
	color: gray;
	height: .85rem;
	line-height: .85rem;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
/*商品容器*/
#quick_pro_wrap{
	left: 25%;
	right: 0;
	top: 0;
	bottom: 0;
}

/*商品分类*/
#pro_nav{
	height: .85rem;
	background: #fff;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	justify-content: space-around;
}
#pro_nav P{
	font-size: .25rem;
}


/*商品展示*/
#pro_wrap{
	background: #FFF;
	font-size: .2rem;
	z-index: 100;
}

.quick_pro_ul{	
	height: 8.7rem;
	overflow-y: auto;
}
.quick_pro_li{
	height: 1.7rem;
	padding: .2rem 0;
	border-bottom: 1px solid #ccc;
	
}
.quick_pro_li p{
	margin-bottom: .1rem;
}
.quick_pro_li p:nth-of-type(2){
	margin-top: .1rem;
}
.quick_pro_li:after{
	content: '';
	display: block;
	clear: both;
}





